<div class="field-wrapper">
    <div class="full-width" [zeprideAuthority]="zeprideAuthorityData">
        <div class="content-panel" nz-row [nzGutter]="16" *ngFor="let rowData of rowDatas; let index = index">
            <div nz-col nzSpan="4" class="txt-h-center">任务成员{{index+1}}</div>
            <div nz-col nzSpan="9">
                <nz-cascader [nzDisabled]="!(!componentData.disabled && !rowData.notDel) || !isAuthorized" class="full-width"
                    [nzChangeOn]="validate" [nzOptions]="departmentNodes" [nzLabelProperty]="'nodeName'"
                    [nzValueProperty]="'id'" [nzShowSearch]="true" [(ngModel)]="rowData.nodeIds"
                    (ngModelChange)="userChange($event, rowData)">
                </nz-cascader>
            </div>
            <div nz-col nzSpan="9">
                <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
                    <input type="text" nz-input disabled [ngModel]="rowData.permitDisplay" />
                </nz-input-group>

                <ng-template #addOnAfterTemplate>
                    <i class="iconfont icon-eye-line" style="cursor: pointer;" (click)="showMore(rowData)"></i>
                </ng-template>
            </div>
            <div nz-col nzSpan="2">
                <a *ngIf="!componentData.disabled && !rowData.notDel" nzDanger nz-button nzType="link"
                    (click)="delRow(index)">
                    <i class="iconfont icon-delete-bin-5-line"></i>
                </a>
            </div>
        </div>

        <button *ngIf="!componentData.disabled" nz-button nzType="dashed" style="margin-top:20px" nzBlock
            (click)="addRow()" [disabled]="!isAuthorized">
            <i class="iconfont icon-add-fill"></i>
            添加任务成员
        </button>
    </div>

</div>